<!-- START BLOCK : FORMULARIOBUSQUEDA -->
<div style="width:100%; text-align:center; font-size:18px; padding-bottom:10px;">Clases Disponibles</div>
<form method="post" id="fbusqueda" action="{self}">
<div style="text-align:center; width:100%">
<input type="text" id="txt_texto" name="texto" value="{texto}" size="50" placeholder="escriba el nombre del profesor o clase" />
<input type="submit" id="btn_buscar" class="fg-button ui-state-default ui-corner-all" value="Buscar">
</div>
</form>
<script type="text/javascript">
$(function() { 
	if($("#txt_texto").val()!=="") {
		$("#txt_texto").focus().select();
	};
});
</script>
<!-- END BLOCK : FORMULARIOBUSQUEDA -->
<!-- START BLOCK : LISTACLASES -->
<table class="mitablares azul">
<thead>
<tr>
  <th>&nbsp;</th>
  <th>Clase</th><th>Profesor</th><th>Dia</th><th>Comienzo</th><th>Fin</th>
  <th>Lugar</th>
  <th>Costo/Hora</th>
  <th>Personas Inscritas</th>
  <th>PIN</th>
</tr>
</thead>
<tbody>
<!-- START BLOCK : CLASEITEM -->
<tr>
  <td style="text-align:left"><a href="reserva.php?idc={id_clase}&accion=reservar&texto={texto}">Reservar</a></td>
<td style="text-align:left">{descripcion_clase}</td><td style="text-align:left">{nombre_persona}</td><td>{fecha_clase}</td><td>{hora_comienzo}</td><td>{hora_fin}</td>
<td style="text-align:left">{lugar}</td>
<td style="text-align:center">{costo_por_hora}</td>
<td style="text-align:center">{npersonas}</td>
<td style="text-align:center">{pin_clase}</td>
</tr>
<!-- END BLOCK : CLASEITEM -->
</tbody>
</table>
<!-- END BLOCK : LISTACLASES -->
<!-- START BLOCK : CLASESINSCRITAS -->
<div style="width:100%; text-align:center; font-size:18px; padding:15px">Clases Reservadas</div>
<table class="mitablares azul">
<thead>
<tr>
  <th>&nbsp;</th>
  <th>Clase</th><th>Profesor</th><th>Dia</th><th>Comienzo</th><th>Fin</th>
  <th>Lugar</th>
  <th>Costo/Hora</th>
  <th>Personas Inscritas</th>
  <th>PIN</th>
</tr>
</thead>
<tbody>
<!-- START BLOCK : CIITEM -->
<tr>
  <td style="text-align:left"><a href="misclases.php?idc={id_clase}&accion=quitar">Cancelar reservaci&oacute;n</a></td>
<td style="text-align:left">{descripcion_clase}</td><td style="text-align:left">{nombre_persona}</td><td>{fecha_clase}</td><td>{hora_comienzo}</td><td>{hora_fin}</td>
<td style="text-align:left">{lugar}</td>
<td style="text-align:center">{costo_por_hora}</td>
<td style="text-align:center">{npersonas}</td>
<td style="text-align:center">{pin_clase}</td>
</tr>
<!-- END BLOCK : CIITEM -->
</tbody>
</table>
<!-- END BLOCK : CLASESINSCRITAS -->
<!-- START BLOCK : NOHAYCLASES -->
<p>&nbsp;</p>
<div style="width:100%; text-align:center; font-size:18px">No se encontraron registros<br /><br /><a style="color:#2A358F" href="main.php">Inicio</a></div>
<!-- END BLOCK : NOHAYCLASES -->
<script type="text/javascript">
$(function() {
	$("table tr td").hover(function() {
		$(this).parent("tr").addClass("odd");
	}, function() {
		$(this).parent("tr").removeClass("odd");
	});
});
</script>
